<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0," name="viewport">
<meta content="user-scalable=no" name="viewport">
<script src="http://__JS__/jquery.js"></script>
<script src="http://__THEMES__/js/aui.js"></script>
                           
<link href="http://__CSS__/my-style.css" rel="stylesheet" type="text/css">
<link href="http://__CSS__/animate.css" rel="stylesheet" type="text/css">
<link rel="icon" href="http://__IMG__/favicon.ico">
<title>至富通</title>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
</head>
<style>
.p1y1{ float:right; height:400px; width:56%; overflow:hidden;}
.p1y2{ color:black; font-size:38px; padding-top:15px;}
.ply3{ border:1px dashed white; width:100%; margin: 3px auto; opacity:0.5;}
.ply4{ font-size:20px; font-weight:bold; text-align:center; line-height:90px;}
.rule{ background:url(http://__IMG__/rule.png) no-repeat; background-size:cover; width:200px; height:100px; position:absolute; z-index:2; top:0; right:0;}
</style>
<body>
<div><img src="http://__IMG__/fxgif.gif" width="100%"></div>
<script type="text/javascript">
		wx.config({
			debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
			appId : 'wx0aaf0e47251fabc5', // 必填，公众号的唯一标识
			timestamp : '{$timestamp}', // 必填，生成签名的时间戳 timestamp
			nonceStr : '{$nonceStr}', // 必填，生成签名的随机串nonceStr
			signature : '{$signature}',// 必填，签名，见附录1
			jsApiList : [ 
				'onMenuShareTimeline', 
				'onMenuShareAppMessage',
				'chooseImage',//拍照
				'scanQRCode'//,微信扫一扫接口
				//'chooseWXPay'//微信支付接口
			]
		// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
		});
		
	

		wx.ready(function() {
			// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
		//分享到朋友圈
			wx.onMenuShareTimeline({
				title : '我在{$store_name}消费，感觉挺不错的。', // 分享标题
		     	link :'http://__shareWxURL__?out_trade_no={$out_trade_no}',//分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
				imgUrl : 'http://__storeImgUrl__/'+'{$imgurl}', // 分享图标
				success : function() {
					// 用户确认分享后执行的回调函数
					 location.href= "http://__shareRedPack__?out_trade_no={$out_trade_no}";
				},
				cancel : function() {
					// 用户取消分享后执行的回调函数
					alert('请重新分享');
				}
			});
			//分享给朋友
			wx.onMenuShareAppMessage({
				title : '这家店不错', // 分享标题
				desc : '我在{$store_name}消费领红包了，给你看看。', // 分享描述
				link :'http://__shareWxURL__?out_trade_no={$out_trade_no}',//分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
				imgUrl : 'http://__storeImgUrl__/'+'{$imgurl}', // 分享图标
				type : 'link', // 分享类型,music、video或link，不填默认为link
				dataUrl : '', // 如果type是music或video，则要提供数据链接，默认为空
				success : function() {
					// 用户确认分享后执行的回调函数
					 location.href="__URL__ShowController/showRule";
				},
				cancel : function() {
					// 用户取消分享后执行的回调函数
					alert('请重新分享');
				}
			});
			
			
			
		});
		
		//拍照接口
		function show(){
			
			wx.chooseImage({
				count: 1, // 默认9
				sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
				sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
				success: function (res) {
				var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
				}
				});
		}
		
		function scan(){
			wx.scanQRCode({
				needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
				scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
				success: function (res) {
				var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
				}
				});
		}
		
		function pay(){
			wx.chooseWXPay({
				timestamp: 0, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
				nonceStr: '', // 支付签名随机串，不长于 32 位
				package: '', // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\*\*\*）
				signType: '', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
				paySign: '', // 支付签名
				success: function (res) {
				// 支付成功后的回调函数
				}
				});
		}
		
		wx.error(function(res) {
			// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
		});
	</script>
<div style="position:relative;"><img src="http://__IMG__/fxbj.png" width="100%;" >
<a href="http://www.zfshlm.com/155e7ac5857fb33bb5d9430ef3be1699/thinkphp32_zfshlm/Home/Index/rule"><div class="baibei">
<div class="rule">
 <p id="james" class="ply4">点击了解规则</p>
</div>
</div></a>
 <div style="font-size:40px; position:absolute; z-index:4; top:110px; left:25px; font-weight:700; background-color:white; border-radius:15px;">
  会员ID:<span>{$userid}</span>
 </div>
 <div style="font-size:55px; position:absolute; z-index:3; top:660px; left:413px; font-weight:700;">¥<span>{$red_packet}</span></div>
 <!--商家信息-->
<div style="position:absolute; z-index:6; top:1235px; left:50px; width:95%;">
 <div style="width: 10%; float: left; height: auto;"><img class="container animated fadeInRight" src="http://sunhongliang.top.1048.url-test.com/zfshlm/public/upload/{$imgurl}" style="border-radius:15px; width:350px; height:350px; overflow:hidden; border:0;"></div>
 <div class="p1y1">
  
  <!--part1-->
   <h4 class="p1y2 container animated fadeInRight"><strong>店名：</strong>{$store_name}
    <p class="ply3"></p>
   </h4>
   <!--part2-->  
   <h4 class="p1y2 container animated fadeInRight"><strong>电话：</strong><a href='tel:{$phone}'>{$phone}</a>
    <p class="ply3"></p>
   </h4>
   <!--part3-->
   <h4 class="p1y2 container animated fadeInRight"><strong>地址：</strong>{$address}
    <p class="ply3"></p>
   </h4>    
 </div>
 </div>  

<script>
//文字变色
var i = 0;
function getColor(){
i++;
switch(i){ 
case 1:return "#0F9";
case 2:return "#ff6600";
case 3:return "#3366cc";
default:return "black";
}
}
function colorful(){
var o =document.getElementById('james');
o.style.color=getColor();
if(i==3)i=0;
setTimeout('colorful()',500);
}
colorful();
6
</script>
</body>
</html>
